<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=320" />
<title>LeProphete.CA</title>
<link rel="stylesheet" href="../css/orbit.css">
<link id="theme" rel="stylesheet" href="../css/pt.css" type="text/css">

<!--[if IE]>
     <style type="text/css">
         .timer { display: none !important; }
         div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
    </style>
<![endif]-->


<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.orbit.js"></script>
<script type="text/javascript">

function querystring(key) {
   var re=new RegExp('(?:\\?|&)'+key+'=(.*?)(?=&|$)','gi');
   var r=[], m;
   while ((m=re.exec(document.location.search)) != null) r.push(m[1]);
   return r;
}

var pages = [
             {page: 'page0.html', selected: 0},
             {page: 'page1.html', selected: 1},
             {page: 'page2.html', selected: 2},
             {page: 'page3.html', selected: 3},
             {page: 'page4.html', selected: 4},
             {page: 'page5.html', selected: 5},
             {page: 'contact.html', selected: 0},
             {page: 'sitemap.html', selected: 0},
             {page: 'affiliates.html', selected: 0},
             {page: 'languages.html', selected: 0},
             {page: 'register.html', selected: 0}
             ];

$(window).load(function() {
	$('#small-roller').orbit(
		{
			animationSpeed: 1500,
			bullets: false,
			advanceSpeed: 8000
		}		
	);
	
    var page = parseInt(querystring('p'));
    if(isNaN(page)) {
    	page = 0; 
    }

    if(page >= pages.length)
    	page = 0;
    
	var target = pages[page];
	
	$.ajax({
	    url: target.page,
	    dataType: 'html',
	    cache: false,
	    success: function(html) {
	        
	        $('.main-content').removeClass('loading');
	        $('.main-content').html(html);
	        
	        if(target.selected > 0)
	        	$('.side-menu a:nth-child(' + target.selected + ')').addClass('selected');
	        
			$('.lang a').attr('href', '../fr/pt.html?p=' + page);
	        
	    }
	});
	
});

function test() {
	$(".design").toggleClass("hide");
}
</script>
</head>
<body>
	<div class="line1">
		<div class="item1">
			<a href="./Home.html">
				<img alt="" src="../img/lelogo.png"/>
			</a>
		</div>
		<div class="item2">
			<div class="theme">
				<a href="#" class="dark" onclick="$('#theme').attr('href', '../css/pt.css')">a</a><a href="#" class="light" onclick="$('#theme').attr('href', '../css/pt-dark.css')">a</a>
			</div>
			<div class="lang">
				<a href="../fr/Home.html" >fr</a> | en
			</div>
		</div>
		<div class="item3">
			<a href="Home.html">home</a>
		</div>
		<div class="item4">
			<a href="pt.html?p=6">contact</a>
		</div>
	</div>
	<div class="main-content loading">
		
	</div>
	<div class="side-menu">
		<div class="item2">
			<a href="pt.html?p=1">Muhammad<sup>sa</sup></a>
			<a href="pt.html?p=2">Ahmad<sup>as</sup></a>
			<a href="pt.html?p=3">Khalifa<sup>aba</sup></a>
			<a href="pt.html?p=4">AMJ</a> 
			<a href="pt.html?p=5" class="distinct">We Recommend</a>
		</div>
	</div>
	<div class="info item2">
		<div class="outer-content">
			<div class="content">
				<div class="big-heading">
					<a href="./pt.html?p=10">RSVP</a>
				</div>
				<div>Metropolis</div>
				<div>
					December 20<sup>th</sup>, 2012
				</div>
				<div>6:20 PM - 8:30 PM</div>
				<div>
					Register <a href="pt.html?p=10">NOW</a> for
				</div>
				<div>*Free Admission</div>
				<div>*Limited Free Parking</div>
			</div>
			<div class="heading">The Event</div>
			<div class="info-links">
				<a href="pt.html?p=10">20/12/12</a>
			</div>
		</div>
	</div>
	<div class="info item3">
		<div class="outer-content">
			<div id="small-roller">
				<div class="content">
					<div>
						<div class="small-heading">Karen Armstrong</div>
						<div>"If we could view Muhammad as we do any other important
							historical figure we would surely consider him to be one of the
							greatest geniuses the world has known."</div>
						<br> <br>
						<div>[Muhammad – A Biography of the Prophet]</div>
					</div>
				</div>
				<div class="content">
					<div>
						<div class="small-heading">Montgomery Watt</div>
						<div>"The more one reflects on the history of Muhammad 
						and of early Islam, the more one is amazed at the vastness 
						of his achievements…study of his life may contribute to a fresh 
						appraisal and appreciation of one of the greatest of the sons of Adam."</div>
						<br> <br>
						<div>[Muhammad at Madinah]</div>
					</div>
				</div>
				<div class="content">
					<div>
						<div class="small-heading">Michael H. Hart</div>
						<div>"My choice of Muhammad to lead the list of the 
						world's most influential persons may surprise some 
						readers and may be questioned by others, but he was 
						the only man in history who was supremely successful 
						on both the religious and secular levels."</div>
						<br> 
						<div>[The 100: A Ranking of the Most Influential Persons in History] </div>
					</div>
				</div>
			</div>
			<div class="heading">The Quote</div>
			<div class="info-links">
				<a href="#" onclick="$('.info.item3 .orbit-wrapper .left').click();return false;">Prev</a> | <a href="#" onclick="$('.info.item3 .orbit-wrapper .right').click();return false;">Next</a>
			</div>
		</div>
	</div>
	<div class="info item1">
		<div class="outer-content">
			<div class="content">
				<div class="small-heading">Life Of Muhammad</div>
				<img src="../img/book1.png" />
				The life of the Holy Prophet, peace be on him, was a life of grand
				success. The life of the Holy Prophet, peace be on him, was a life
				of grand success. The life of the Holy Prophet, peace be on him, was
				a life of grand success. 

			</div>
			<div class="heading">The Book</div>
			<div class="info-links">
				<a href="#">pdf</a> | <a href="#">mp3</a>
			</div>
		</div>
	</div>
	<div class="footer">
		<a href="pt.html?p=6">Contact</a> | 
		<a href="pt.html?p=7">Sitemap</a> | 
		<a href="pt.html?p=8">Affiliated Websites</a> | 
		<a href="pt.html?p=9">Languages</a> | 
		<a href="http://www.alislam.org/twitter">Twitter</a> | 
		<a href="http://www.alislam.org/facebook">Facebook</a> | 
		<a href="http://www.alislam.org/google-plus">Google+</a>
		<br >
		<div>Copyright © by the Ahmadiyya Muslim Community 2012. All rights reserved.</div> 
	</div>
</body>
</html>